<script setup>
    import Header from './components/Header.vue';
    import Center from './components/Center.vue';
    import Footer from './components/Footer.vue';
</script>

<template>
  <div class="container">
    <Header/>
    <Center class="center" />
    <Footer/>
  </div>
</template>

<style>
  body {
    background-color: #ccc;
  }
  .container {
    width: 320px;
    padding: 15px;
    margin: 0 auto;
    background-color: #698ede;
  }
  .center {
    margin: 15px 0;
  }
</style>